.ui.container {
    padding: 0 20px;
    margin: 0 auto;
}

.search-input button {
    margin-left: 4px;
}

.guide-a > h1, .guide-a > h2, .guide-a > h3, .guide-a > h4 {
    /*color: rgb(27, 117, 208);*/
    color: black;
}

.guide-a .el-text {
    cursor: pointer;
    /*color: rgb(27, 117, 208);*/
    color: black;
}

.guide-a > h1:hover, .guide-a > h2:hover, .guide-a > h3:hover, .guide-a > h4:hover {
    color: var(--color-text-primary);
}

.guide-a .el-text:hover {
    cursor: pointer;
    color: var(--color-text-primary);
}

span.primary {
    color: var(--color-text-primary);
}
.hover-primary:hover {
    color: var(--color-text-primary);
}

.bg-color-primary {
    background-color: var(--color-text-primary);
}

.widget-title {
    position: relative;
    padding-left: 10px;
}

.widget-title:before {
    background-color: var(--el-color-primary);
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 3px;
}

/*FHContainer*/
.FHContainer {
    position: relative;
}

.FHContent {
    padding: 0 24px 96px;
}

.FHContent .content {
    margin: 0 auto;
    flex: 1;
}

.FHContent .aside {
    position: relative;
    display: none;
    flex-shrink: 0;
    padding-left: 32px;
    width: var(--fh-sidebar-width-mobile);
}

.FHSidebar {
    position: absolute;
    top: 0;
    padding: 0 0 96px 32px;
    width: calc(100vw - 64px);
    max-width: var(--fh-sidebar-width-mobile);
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate(-100%);
    transition: background-color .5s, opacity .5s, transform .3s ease;
}

.FHContent .content .border-box {
    padding: 24px 20px;
    /*border: 1px solid var(--color-border);*/
    border-radius: 0.5rem;
    margin-bottom: 32px;
}

@media (min-width: 960px) {
    .FHSidebar {
        width: var(--fh-sidebar-width-small);
        opacity: 1;
        transform: translate(0);
        max-width: 100%;
    }

    .FHContent {
        padding: 0 32px 96px;
    }

    .FHContainer.has-sidebar .FHMain {
        padding-left: var(--fh-sidebar-width-small);
    }
}

@media (min-width: 1280px) {
    .FHContent {
        padding: 0 32px 96px;
    }

    .FHContent .aside {
        display: block;
        order: 2;
    }

    .FHMain .content {
        order: 1;
    }
}

@media (min-width: 1440px) {
    .FHSidebar {
        padding: 0 0 96px calc((100% - var(--fh-screen-max-width)) / 2);
        width: calc((100% - var(--fh-screen-max-width)) / 2 + var(--fh-sidebar-width-small));
    }

    .FHMain {
        padding-left: calc((100% - var(--fh-screen-max-width)) / 2  - 32px);
    }

    .FHContainer.has-sidebar .FHMain {
        padding-left: calc((100% - var(--fh-screen-max-width)) / 2 + var(--fh-sidebar-width-small) - 32px);
    }

    .FHContent .content {
        flex: 0 0 auto;
        margin: 0;
        width: var(--fh-screen-max-width)
    }

    .FHContent.has-aside .content {
        width: 1056px;
    }

    .FHContent .aside {
        padding-left: 32px;
    }
}

.aside-container {
    position: sticky;
    top: 10px;
}

.bg-white-soft {
    background-color: var(--vt-c-white-soft);
}

.el-divider--horizontal {
    margin: 16px 0!important;
}